<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<script type="text/javascript">
		$(function(){
			$("#range").change(function(){
				$("span").html($("range").val());
			});
		})
	</script>
	<body>
		<div class="container">
			<form action="" method="post">
				<div class="form-group">
					<label for="username">用户名</label>
					<input type="text" class="form-control" name="username" id="username" placeholder="请输入用户名" />
				</div>
				<div class="form-group">
					<label for="userps">密码</label>
					<input type="password" class="form-control" name="userps" id="userps" placeholder="请输入密码" />
				</div>
				<div class="form-group">
					<label for="range">商品数量</label>
					<input type="range" min="1" max="100" class="form-control-range" />
					<span></span>件
				</div>
				<div class="form-group form-check">
					<input type="checkbox" class="form-check-input"  id="check"  />
					<label for="userps" class="form-check-label">记住我</label>
				</div>
				
				<button type="submit" class="btn btn-danger" >登录</button>
			</form>
		</div>
		
	</body>
</html>
